<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
  </head>
  <body>
    <div class="panel panel-primary">
      <div class="panel-heading">
        <h4 style="text-align: center">蓝色监狱人物简介</h4>
      </div>
      <div class="panel-body">
        <div class="container">
          <div class="row">
            <div class="col-md-4">
              <div class="thumbnail">
                <img
                  src="../pic/洁世一.jpg"
                  alt="..."
                  style="width: 240px; height: 360px"
                />
                <h3>洁世一</h3>
                <p>左后卫：后场司令</p>
                <button class="btn btn-default">
                  <span class="glyphicon glyphicon-heart"></span>喜欢
                </button>
                <button class="btn btn-info">
                  <span class="glyphicon glyphicon-pencil"></span>评论
                </button>
              </div>
            </div>
            <div class="col-md-4">
              <div class="thumbnail">
                <img
                  src="../pic/峰乐回.png"
                  alt="..."
                  style="width: 240px; height: 360px"
                />
                <h3>蜂乐回</h3>
                <p>右边锋：盘带狂魔</p>
                <button class="btn btn-default">
                  <span class="glyphicon glyphicon-heart"></span>喜欢
                </button>
                <button class="btn btn-info">
                  <span class="glyphicon glyphicon-pencil"></span>评论
                </button>
              </div>
            </div>
            <div class="col-md-4">
              <div class="thumbnail">
                <img
                  src="../pic/风诚士郎.png"
                  alt="..."
                  style="width: 240px; height: 360px"
                />
                <h3>凪诚士郎</h3>
                <p>中前卫：旷世奇才</p>
                <button class="btn btn-default">
                  <span class="glyphicon glyphicon-heart"></span>喜欢
                </button>
                <button class="btn btn-info">
                  <span class="glyphicon glyphicon-pencil"></span>评论
                </button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
